<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.8.0.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#ch_checkall,#top_ch_checkall").click(function(){
                if(this.checked){
                    $("input[name=ck_id]").attr("checked","checked");
                }else{
                    $("input[name=ck_id]").removeAttr("checked");
                }
            });

            $("table tr").mouseover(function(){
                $(this).css("background","#D3EAEF");
                $(this).siblings().css("background","white");
            });
        });
        function subForm(pageIndex) {
            document.form1.action = "RoleServlet.do?flag=listAdmin&pageIndex=" + pageIndex;
            document.form1.submit();
        }
        function subForm1() {
            var pageIndex = document.getElementById("pageIndex").value;
            subForm(pageIndex);
        }
        function delMuti(){
            //判断用户至少选了一项
            if($("input[name=ck_id]:checked").size()==0){
                alert("请至少选一项!");
            }
            else{
                if(confirm('确定要删除所选项吗')){
                    document.form1.submit();
                }
            }
        }
    </script>

    <link rel="stylesheet" type="text/css" href="css/maintable.css" />
</head>
<body>
<div class ="div_title">
    <div class="div_titlename"> <img src="images/san_jiao.gif" ><span>用户角色信息表</span></div>
    <div class="div_titleoper">
        <input type="checkbox" id="top_ch_checkall"/> 全选 <a href="role/role_add.jsp"> <img src="images/add.gif"/>添加 </a> <a href="javascript:delMuti()"><img src="images/del.gif"/>删除</a> </div>
</div>
<form method="post" name="form1" action="RoleServlet.do">
    <input type="hidden" name="flag" value="delRole" />
<table  class="main_table">
    <tr>
        <th><input type="checkbox" id="ch_checkall" /></th>
        <th>id</th>
        <th>账号</th>
        <th>状态</th>
        <th>角色</th>
        <th>操作</th>
    </tr>

    <c:forEach var="admin"  items="${adminList}"    >
        <tr>
            <td>
                <input type="checkbox" name="ck_id" value="${admin.id}" />
            </td>
            <td>${admin.id}</td>
            <td>${admin.adminName }</td>
            <td>${admin.state }</td>
            <td>${admin.roleName }</td>
            <td>
                <a href="RoleServlet.do?flag=adminRole&id=${admin.id}" >角色分配</a>
            </td>
        </tr>
    </c:forEach>
</table>
</form>
<div class="div_page">
    <div class="div_page_left"> 共有 <label>${pageInfo.rowCount }</label> 条记录，当前第 <label>${pageInfo.pageIndex }</label>
        页，共 <label>${pageInfo.pageCount }</label> 页
    </div>

    <div class="div_page_right">
        <c:choose>

            <c:when test="${pageInfo.hasUp }">
                <button onclick="subForm(1)">首页</button>
                <button onclick="subForm(${pageInfo.pageIndex-1})">上一页</button>
            </c:when>

            <c:otherwise>
                首页
                上一页
            </c:otherwise>

        </c:choose>

        <c:choose>

            <c:when test="${pageInfo.hasNext}">
                <button onclick="subForm(${pageInfo.pageIndex+1})">下一页</button>
                <button onclick="subForm(${pageInfo.pageCount})">尾页</button>
            </c:when>

            <c:otherwise>
                下一页
                尾页
            </c:otherwise>
        </c:choose>

        <button onclick="subForm1()">转到</button>
        <input type="text" name="pageIndex" id="pageIndex" value="${pageInfo.pageIndex }"/> 页
    </div>

</div>

</body>
</html>
